<?php require 'content/wallsExpert.php' ?>
<script>
    $(function() {
        // $("#horizontalMenu").tabs("destroy");
        // $("#horizontalMenu").tabs();
        // $("#horizontalMenu").removeClass("ui-tabs-vertical ui-helper-clearfix");
        // $("#horizontalMenu").removeClass("ui-tabs-vertical ui-helper-clearfix");
        $("#horizontalMenuMurExpert").tabs();
        //  $("#horizontalMenu").removeClass("ui-tabs-vertical ui-helper-clearfix");  
    });
    
    $(function(){
        $('#verticalMenu').tabs({
            select: function(event,ui) {
       
                $("#horizontalMenuMurExpert *").removeClass("cacher");
         
                var value=$('input[name=shape]:checked', '#gen').val();
       
      
                if (value == 'square') {
                    //$('#error_list_submit').click();
                    for (i=5;i<=9;i++){
           
      
                        $("#horizontalMenuMurExpert #li_mur_"+i).addClass("cacher");
                    }
                }
                // $('#horizontalMenuMur').tabs('select', 0);
            }
        });
    });
</script>
<form style="margin: 0;padding:0 " id="murExpert" onsubmit="return LiveValidation.massValidate();" method="POST" >
    <div id="wallsExpert" class="demo">
        <div id="horizontalMenuMurExpert" >
            <div id="tabsmurex-1">
                Mur 1
                <?php CreateWalls("1"); ?>
            </div>
            <div id="tabsmurex-2">
                Mur 2
                <?php CreateWalls("2"); ?>
            </div>
            <div id="tabsmurex-3">
                Mur 3
                <?php CreateWalls("3"); ?>
            </div>
            <div id="tabsmurex-4">
                Mur 4
                <?php CreateWalls("4"); ?>
            </div>
            <div id="tabsmurex-5">
                Mur 5
                <?php CreateWalls("5"); ?>
            </div>
            <div id="tabsmurex-6">
                Mur 6
                <?php CreateWalls("6"); ?>
            </div>
            <div id="tabsmurex-7">
                Mur 7
                <?php CreateWalls("7"); ?>
            </div>
            <div id="tabsmurex-8">
                Mur 8
                <?php CreateWalls("8"); ?>
            </div>
            <div id="tabsmurex-9">
                Rayon
                <?php CreateWalls("9"); ?>
            </div>
            <ul>
                <li id="li_mur_1"><a href="#tabsmurex-1"><img class="wall" src="../images/forms/murA1.png"></a></li>
                <li id="li_mur_2"><a href="#tabsmurex-2"><img class="wall" src="../images/forms/murA2.png"></a></li>
                <li id="li_mur_3"><a href="#tabsmurex-3"><img class="wall" src="../images/forms/murA3.png"></a></li>
                <li id="li_mur_4"><a href="#tabsmurex-4"><img class="wall" src="../images/forms/murA4.png"></a></li>
                <li id="li_mur_5"><a href="#tabsmurex-5">Mur 5</a></li>
                <li id="li_mur_6"><a href="#tabsmurex-6">Mur 6</a></li>
                <li id="li_mur_7"><a href="#tabsmurex-7">Mur 7</a></li>
                <li id="li_mur_8"><a href="#tabsmurex-8">Mur 8</a></li>
                <li id="li_mur_9"><a href="#tabsmurex-9">Rayon</a></li>
            </ul>
        </div>
        <input id="wallExpertMode" type="checkbox" onclick="javascript:changeMode();" />Mode Basic
    </div>
</form>
<script>
    function changeMode(){
        
         $("#walls").load("wallsHorizontalMenu.php");
    }

</script>

